﻿@{
    Layout = null;
}

<div class="modal fade hide" id="loginForm">
  <div class="modal-header">
    <button class="close" data-dismiss="modal">×</button>
    <h3>Login or Register</h3>
  </div>
  <div class="modal-body">
    <div class="tabbable">
        <ul class="nav nav-tabs">
            <li class="active"><a href="#tab1" data-toggle="tab">Login</a></li>
            <li><a href="#tab2" data-toggle="tab">Register</a></li>
        </ul>
        <div class="tab-content">
            <div class="tab-pane active" id="tab1">
                <form class="form-horizontal" method="post" action="@Url.Action("Login", "Account")">
                    <fieldset>
                        @Html.TextInput("Login or Email", "login")
                        @Html.TextInput("Password", "password", InputTypes.Password)
                        <div class="form-actions">
                            <input type="submit" class="btn btn-primary" value="Login"/>
                        </div>  
                    </fieldset>                  
                </form>
            </div>
            <div class="tab-pane" id="tab2">
                <form class="form-horizontal">
                    <fieldset>
                        <div class="control-group">
                            <label class="control-label" for="newlogin">Login</label>
                            <div class="controls">
                                <input type="text" class="input-xlarge" id="newlogin" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="newpassword">Password</label>
                            <div class="controls">
                                <input type="text" class="input-xlarge" id="newpassword" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="confirmpassword">Confirm Password</label>
                            <div class="controls">
                                <input type="text" class="input-xlarge" id="confirmpassword" />
                            </div>
                        </div>
                        <div class="control-group">
                            <label class="control-label" for="email">Email</label>
                            <div class="controls">
                                <input type="text" class="input-xlarge" id="email" />
                            </div>
                        </div>
                        <div class="form-actions">
                            <button type="submit" class="btn btn-primary">Register new user</button>
                        </div>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>


    
  </div>
  
</div>